<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<html>
<head>
<title>页面</title>
<style type="text/css">
/*top*/
body{margin:0 auto;padding:0 auto;text-align: center;width:980px;}

span{font-size:13px;}

table{border:1px dashed white;background: white;}

td{border: 1px dashed gray;}

ul, li { list-style:none;}

a { text-decoration:none;}

.nav {margin-top: -10px;margin-left: 50px;}/*////////////////////////////////////////////////*/
.nav ul li { float:left;}

.nav ul li a { width:120px; height:40px; text-align:center; line-height:40px; display:block; border-right:2px solid #ccc; background:#eee; color:#666;}

.nav ul li a:hover{ color:#f00;background: #000000;}

.nav ul li ul { position:absolute; display:none;}

.nav ul li ul li { float:none;}

.nav ul li ul li a { border-right:none; border-top:1px dotted #ccc; background:#f5f5f5;}

.nav ul li:hover ul{ display:block; }

.top{margin: 5px auto 0px auto;padding: 0px;width:980px;height:78px;text-align: left;}

.logo{margin-right: 900px;}

.banner{width: 307px;height: 61px;float:left;margin-top: -10px;}

.options{float: right;margin: -20px;}

.home,.shu,.fav{float: leftmargin: 0 16px;padding:0 0 auto auto;display: inline;padding: 0px 0px;margin-right: 20px;}

.home a,.shu a,.fav a{color: #9b9b9b;float: left;margin-left: 15px;margin-top: -10px;}
/*top*/
.content{margin: 80px 0px ; }

.cont_title{position: relative; left: -900px;}

#Methods2{ width:900px; background:#ccc;}

#Methods2 dl{width:900px; height:200px; margin:20px;}

#Methods2 dt{width:660px; height:200px; float:left; margin:0px; background:#FFF;}

#Methods2 dd{width:180px; height:200px; float:left; margin:0px 10px 10px 0; padding:10px 20px; line-height:20px; background:#FFFFFF; text-align:left;}

.More{ position:absolute; right:300px;color:orange;margin-right: -70px; font-size: 9px;}

h1{ background:black; font-size:14px; height:35px; line-height:35px; padding-left:20px; color:white;}

#Methods1{ width:900px;height:110px; background:#ccc;}

#Methods1 dl{margin:0px 10px 0 10px; float:left; border:1px solid gray;}

#Methods1 dt{width:180px; margin:10px; height:90px; background:#FFF; border-bottom: 1px solid gray;}

#Methods1 dd{width:180px; margin:0 0 10px 10px; height:20px; line-height:30px; background:#FFFFFF; text-align:center;}

.td1{margin-top: 0px;}

.td2{margin-top: 0px;}

.td3{margin-top: 0px;}

.td4{margin-top: 0px;}

.tips{margin-top: 0px;margin-right: 170px;}

.tips span{color:gray;font-size: 13px;}

.tips ul{margin-right: 50px;}

hr{border:1px dashed gray;}

/*nav*/
</style>

</head>
  <body>
 <%@ include file="dengluPublic.jsp" %>
 <%@ include file="daohangPublic.jsp"%>
    <div class="content">
 <!-- 最新消息部分 -->
 	<div id="Methods2">
  <dl>
    <dt><a href="#"><img src="img/2.jpg" width="660px" height="200px"/></a></dt>
    <dd>
  <h3>带你了解区块链技术</h3>
  <span>区块链（BlockChain）这个伴随着比特币诞生的伟大技术，目前在金融领域应用能大幅降低交易成本，提高效率，这足以令华尔街兴奋不已。然而这仅仅是冰山一角</span><br />
  <a class="More">-了解更多-</a>
 </dd>
  </dl>
</div>

 <!-- 最新消息部分 -->

    <!-- 课程内容 -->
 
   	 
<h1><font class="cont_title">最新消息</font></h1>
<div id="Methods1">
	<table width="900px">
<tr>
	<td width="225px">
		<div class="td1">
			<dl>
		    	<dt><a href="#"><img src="img/book.jpg" width="180px" height="90px" /></a></dt>
		    	<dd>-图书信息-</dd>
		    </dl>
	    </div>	    	
	</td>
	<td width="225px">
		<div class="td2"> <dl>
		    <dt><a href="#"><img src="img/science.jpg" width="180px" height="90px" /></a></dt>
		    <dd>-科技作品-</dd></dl>
		</div>
	</td>
	<td width="225px">
		<div class="td3"><dl>
		    <dt><a href="#"><img src="img/art.jpg" width="180px" height="90px" /></a></dt>
		    <dd>-艺术作品-</dd></dl>
		</div>
	</td>
	<td width="225px">
		<div class="td4"> <dl>
		    <dt><a href="#"><img src="img/3.jpg" width="180px" height="90px" /></a></dt>
		    <dd>-学生优秀作业-</dd></dl>
	    </div>
	</td>
</tr>

</table> 
	<table width="900px" class="tips">
<tr>
	<td width="225px">
		<ul>
			<li><span>&#62 《数学之美》读后感 <sup><font color="red">New</font></sup>2017-12-04</span></li>
			<li><span>&#62《2018必读书单》</span></li>
			<li><span>&#62 《Python可以这样学》</span></li>
			<li><span>&#62 《JavaWeb程序设计》</span></li>
			<li><span>&#62《STM32库开发实战指南》</span></li>
			<li><span>&#62 《Python网络爬虫实战》</span></li>
		</ul>    	
	</td>
	<td width="225px">
		<ul>
			<li><span>&#62 《STM32实现智能监控系统》<sup><font color="red">New</font></sup></span></li>
			<li><span>&#62《光立方制作教程》</span></li>
			<li><span>&#62 《51循迹小车》</span></li>
			<li><span>&#62 《STM32实现图像传输》</span></li>
			<li><span>&#62 《以太网模块的使用》</span></li>
		</ul>    
	</td>
	<td width="225px">
		<ul>
			<li><span>&#62  带你走进雕塑世界<sup><font color="red">New</font></sup></span></li>
			<li><span>&#62《光与影》-沙画欣赏</span></li>
			<li><span>&#62 2019届毕业表演汇报</span></li>
			<li><span>&#62 《画画的艺术》</span></li>			
		</ul>    
	</td>
	<td width="225px">
		<ul>
			<li><span>&#62 《考研数学资料讲解》<sup><font color="red">New</font></sup></span></li>
			<li><span>&#62《JavaWeb优秀作业-张恒达》</span></li>
			<li><span>&#62 《JavaWeb优秀作业-孙戈》</span></li>
			<li><span>&#62 《俄罗斯方块游戏-Python实现》</span></li>		
		</ul>    
	</td>
</tr>

</table> 
<hr/>
本站由Dany团队搭建，欢迎有兴趣的朋友加入我们，一起建造更优质的平台
<br/>
作者联系方式：1029046433(qq)
</div>
</div>

  </body>
</html>
